$(function () {
  // 点击“去注册账号”的链接
  $("#link_reg").on("click", function () {
    $(".login-box").hide();
    $(".reg-box").show();
  });
  // 点击"去登录账号"的链接
  $("#link_login").on("click", function () {
    $(".reg-box").hide();
    $(".login-box").show();
  });

  // 表单验证规则
  var form = layui.form;
  form.verify({
    // 自定义了一个叫做 pwd 校验规则
    pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
    // 确认密码应该与密码一致
    repwd: function (val) {
      //val是确认密码框的值
      var pwdValue = $("#pwd").val(); //pwdValue是密码框的值
      // 判断密码框的值和确认密码框的值是否一致
      if (val !== pwdValue) {
        return "两次密码不一致";
      }
    },
  });

  // 监听注册表单的提交事件
  var layer = layui.layer;
  $("#form_reg").submit(function (e) {
    e.preventDefault();
    //拿到注册表单数据
    var form_regData = $(this).serialize();
    // 发起post请求向服务器提交数据
    $.ajax({
      type: "POST", //默认get
      url: "/api/reguser", //默认当前页
      data: form_regData, //格式{key:value}
      success: function (res) {
        //请求成功回调
        // 判断请求是否成功,如果不成功弹出提示框,成功跳转到登录页面
        if (res.status !== 0) return layer.msg(res.message);
        // layer.msg 是layui里面的弹出方式
        layer.msg(res.message);
        $("#link_login").click();
      },
    });
  });

  // 监听登录表单的提交事件
  $("#form_login").submit(function (e) {
    e.preventDefault();
    // 拿到登录表单数据
    var form_loginData = $(this).serialize();
    $.ajax({
      type: "POST", //默认get
      url: "/api/login", //默认当前页
      data: form_loginData, //格式{key:value}
      success: function (res) {
        //请求成功回调
        // 判断请求是否成功
        if (res.status !== 0) return layer.msg(res.message);
        layer.msg(res.message);
        setTimeout(function () {
          // 将登录成功得到的 token字符串,保存到本地存储中
          sessionStorage.setItem("token", res.token);
          location.href = "index.html"; //跳转到后台主页
        }, 1000);
      },
    });
  });
});
